<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style>
	.right02 { padding:9px 10px;height:50px; }
	.right02 .r_img { float:left; }
	.right02 .r_desc {  float:left;padding:10px 0 0 30px;line-height:20px;overflow:hidden; }

	.right03 { padding:9px 10px }
	.right03 .caption { height:30px;border-top:1px solid #BFC4CA;background:#E1E5EE;line-height:30px;font-size:12px;color:#333333;font-weight:bold;padding-left:15px; }
	#info { width:100%;text-align:center;font-size:12px; }
	#info tr td { padding:5px; }
	.spe { height:40px;line-height:40px;padding-left:50px; }
	.l { background:#F2F2F2; }
	.r { background:#F7F8F9; }
	button { margin-left:10px;margin-right:10px; }

	

</style>
<script type="text/javascript" src="./js/jquery-1.12.1.js"></script>
<script type="text/javascript" src="./js/ctrl.js"></script>

</head>
<body>


<div class="rrcc" id="RightBox">
	<div class="right" id="li010">
		<div class="right01"><img src="images/04.gif" /> &nbsp; 功能列表 &gt; <span>环境信息</span></div>
		<div class="right02">
			<div class="r_img"><img width="54" height="55" src="./images/control.png"></div>
			<div class="r_desc">在这里，您可以根据您的控制要求，远程控制A9板和M0板的资源！<br/>
							包括 Led，Beep，Seg，Fan等。
			</div>
		</div>
		
		<div class="right03">
			<div class="caption">
				控制A9板
			</div>
			<div class="content">
				
				<div class="spe l">
					Led2：
					<button id="anniu1">开启</button>
					<button id="anniu2">关闭</button>
				</div>

				<div class="spe r">
					Led3：
					<button id="anniu3">开启</button>
					<button id="anniu4">关闭</button> 
				</div>

				<div class="spe l">
					beep：
					<button id="anniu5">开启</button>
					<button id="anniu6">关闭</button>
				</div>

			</div>
		</div>

		<div class="right03">
			<div class="caption">
				控制m0板
			</div>
			<div class="content">
				
				<div class="spe l">
					Led：
					<button id="anniu7">开启</button>
					<button id="anniu8">关闭</button>
					<div id="show1"></div>
				</div>

				<div class="spe r">
					beep：
					<button id="anniu9">开启</button>
					<button id="anniu10">关闭</button>
					<div id="show2"></div>
				</div>

				<div class="spe l">
					Seg：
					<select id="Seg">
						<option value="0">0</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
					</select>
					<button id="anniu11">开启</button>
					<button id="anniu12">关闭</button>
					<div id="show3"></div>
				</div>

				<div class="spe r">
					Fan：
					<select id="fan">
						<option value="1">1档</option>
						<option value="2">2档</option>
						<option value="3">3档</option>
					</select>
					<button id="anniu13">开启</button>
					<button id="anniu14">关闭</button>
				</div>

			</div>
		</div>
	</div>
</div>

</body>
</html>